﻿/*---------------------------------------------------------------------------------------------------
	模板列表
---------------------------------------------------------------------------------------------------*/

.template-list ul,
.template-list li,
.template-list td { padding:0; margin:0; }
.template-list .item { width:220px; height:260px; margin:5px; float:left; line-height:25px; }
.template-img { display:block; }
.template-img .intro { padding:5px; background:#fff; text-align:left; border:1px solid #369; margin:0 10px; }
.template-list .item img { background:#EFF2F5; padding:4px; border:1px solid #ddd; }
.template-list .current { background:#E7EFF5 url(../images/sysrightbackgroud.gif) repeat-x; border:1px solid #eee; }
.template-list .info li { border-bottom:1px solid #eee; line-height:18px; }
.template-options a { display:block; float:left; white-space:nowrap; margin-top:3px; height:18px; }
.template-edit { padding:20px; margin-bottom:50px; }
.template-edit .page { background:#efefef; border:1px solid #ccc; margin:0 20px 20px 0; width:180px; height:160px; float:left; list-style:none; text-align:center; }
.template-edit .page li { padding:3px 0; }
.template-edit .pager { background:url(../images/templateteditpager.gif) no-repeat 50%; height:81px; padding:7px 0; }
.template-edit .name { font-weight:700; padding:5px 0; }
.template-color { text-align: center; height:25px;}
.template-color-item{cursor:pointer;display:inline-block; display:-moz-inline-stack; *display:inline; zoom:1; background:#fff; border:1px solid #ccc; padding:1px; margin:0 1px 0 0;}
.template-color-item span{  width:10px; height:10px; display:block; zoom:1;}
/*---------------------------------------------------------------------------------------------------
	版块中心/模板编辑
---------------------------------------------------------------------------------------------------*/
.tpl-icon { margin:8px 1px 0; background:url(../images/wgtedit_btn.gif) no-repeat; height:28px; line-height:26px; padding-left:8px; color:#000000; cursor:pointer; }
.tpl-icon span { display:block; background:url(../images/wgtedit_btn.gif) no-repeat right 0; padding-right:10px; }
.tpl-icon i { font-style:normal; }
.tpl-edit .addwgt,
.tpl-edit .buttonsave { background-color:transparent; padding:1px 0; }
.tpl-edit .addwgt { padding-left:22px; background-position:0 -1144px; }
.tpl-edit .buttonsave { padding-left:22px; background-position:0 -622px; }
.tpl-edit { padding:0 15px; background:#575d5f url(../images/wgtedit_bg.gif) repeat-x; height:40px; line-height:40px; color:#FFFFFF; }
.tpl-edit a,
.tpl-edit a:hover { color:#FFFFFF; text-decoration:none; }
.tpl-edit .optbar { float:left; }
.tpl-edit .optbar span { float:left; }
.tpl-edit .optbar2 { float:right; }
.tpl-edit .optbar2 a { cursor:pointer; display:block; float:right; margin:8px 2px 0; background:url(../images/wgtedit_btn2.gif) no-repeat; text-indent:-9999px; width:73px; height:25px; overflow:hidden; }
.tpl-edit .optbar2 .close { background-position:0 -25px; }
.tpl-edit .body .info { padding-left:20px; margin:0 5px 0 0; background:url(../images/sysicon.gif) no-repeat 0 -344px; }
.tpl-edit .body .vl { margin:0 5px; display:inline-block; display:-moz-inline-stack;  *display:inline;
 *zoom:1;
width:6px; background:url(../images/wgtedit_bg.gif) no-repeat 0 -40px; }
.tpl-edit .body .saveinfo { color:#bdbfbf; margin:0 5px; }
.tpl-edit .foot { _font-size:0; height:3px; background:#575d5f; border-bottom:1px solid #cccccc; }
.wgtcenter { color:#666666; }
.wgtcenter td { vertical-align:top; padding:0; }
.wgtcenter .quickaddwgt { background:url(../images/btn_addwgt.gif) no-repeat; width:14px; height:14px; cursor:pointer; }
.wgtcenter .topbar { height:71px; background:url(../images/wgtcenter_bg.gif) repeat-x; }
.wgtcenter .sidebar { width:160px; min-height:400px;  *height:400px;
border-right:1px solid #eee; }
.wgtcenter .topbar .titleimg { background:url(../images/wgtcenter_title.gif) no-repeat; width:133px; height:69px; }
.wgtcenter .topbar .content { margin:0 20px 0 180px; color:#cccccc; line-height:28px; }
.wgtcenter .topbar .content p { margin:0 0 0 15px; padding:3px 0; }
.wgtcenter .topbar strong { color:#ff9900; font-size:1.4em; }
.wgtcenter .topbar a { font-weight:normal; color:#e0e8ed; margin-left:10px; }
.wgtcenter .topbar .inputstlye { border:1px solid #ccc; }
/*.wgtcenter .wgtsearch .lft,
.wgtcenter .wgtsearch .rht { background:url(../images/wgtcenter_searchbg.gif) no-repeat; float:left; width:8px; height:30px; }
.wgtcenter .wgtsearch .rht { background-position:0 -30px; }
.wgtcenter .wgtsearch .cnt { float:left; background:url(../images/wgtcenter_searchbg.gif) repeat-x 0 -60px; height:30px; line-height:26px; padding:0 6px;  *padding-top:2px; }
*/
.wgtcenter .wgtinput { padding:0 0 0 22px; background-image:url(../images/sysicon.gif); background-repeat:no-repeat; background-position:2px -1092px; }
.wgtcenter .wgtsearchbtn { background:url(../images/wgtcenter_searchbtn.gif) no-repeat; width:54px; height:22px; text-align:center; color:#FFFFFF; border:none; line-height:21px; }
.wgtcenter .wgtcat {height:100%; background:#f8fcff; }
.wgtcenter .wgtcat .lnk { color:#f90; text-decoration:none; margin:0 0 0 20px; background:url(../images/wgtcenter_arr.gif) no-repeat; padding-left:12px; }
.wgtcenter .wgtcat ul { padding:0; margin:0; }
.wgtcenter .wgtcat li { list-style:none; padding:2px 0; padding-left:20px; border-bottom:1px solid #efefef; border-top:1px solid #FFFFFF; }
.wgtcenter .wgtcat li {background:url(../images/wgtcenter_arr.gif) no-repeat 135px -20px; cursor:pointer; }
.wgtcenter .wgtcat li a{text-decoration:none; color:#FF9900; display:block;}
.wgtcenter .wgtcat li a:hover{text-decoration:underline;}

.wgtcenter .wgtcontent { padding:15px;_padding:8px;}
.wgtcenter h2 { font-size:12px; font-weight:bold; color:#666666; border-bottom:3px solid #f3f3f3; padding:0 0 5px 15px; margin:5px 0; }
.wgtcenter h4 { font-weight:normal; color:#666666; font-size:12px; }
.wgtcenter p { padding:3px 15px 0 15px; }
.wgtcenter .commenwgt { padding:3px 5px; margin:0; }
.wgtcenter .commenwgt li { list-style-type:none; border:1px solid #e9e9e9; background:#fafafa; width:152px; height:40px; padding:4px 8px; margin:3px; float:left; cursor:pointer; }
.wgtcenter li.current { border:1px solid #f6d5a8; background:#fffddc; }
.wgtcenter .commenwgt span { font-size:14px; font-weight:normal; display:block }
.wgtcenter .commenwgt .desc {  margin:0; padding:0; font-size:12px; height:17px; overflow:hidden; width:152px; white-space:nowarp; }
.wgtcenter .commenwgt .desc a{color:#999;text-decoration:none;}
.wgtcenter .commenwgt .desc a:hover{color:#333;}
.wgtcenter .commenwgt .quickaddwgt { background-position:0 -14px; float:right; }
.wgtcenter .current .quickaddwgt { background-position:0 0; }
.wgtcenter .wgtpreview { border:1px solid #CCCCCC; background:#f9f9f9; margin:0 15px 5px 15px; padding:5px 10px; }
.wgtcenter .wgtpreview img { float:none; }


/*---------------------------------------------------------------------------------------------------
	应用程序
---------------------------------------------------------------------------------------------------*/
.apps-wrapper  { padding: 5px 10px; }
.app-item a { color: #4f78c0; text-decoration:none;}
.app-item { line-height:150%;}
.app-img { float: left; }
.app-img img {  background: #fff; border: 1px solid #cccccc; padding: 1px; }
.app-title { font-size: 12px; clear: none; margin-bottom: 5px; color: #4f78c0;height:30px;line-height:30px;background:#efefef;border-bottom:1px solid #ddd;padding:0 5px; }
.app-title .icon-pic{background:url(../images/tips_info.gif) no-repeat;padding:0 0 0 20px;}
.app-opt { float:right;margin-right:20px; margin-top:5px;width: 130px; text-align:right; }
.app-opt button { margin-bottom: 2px; }
.app-info ul { margin: 0 0 5px; padding: 0; }
.app-info li { display: inline-block; display: -moz-inline-stack; *display:inline; zoom:1; white-space: nowrap; width:150px; color: #8b8b8b; margin-right:5px;}
.app-info .label { color: #4b4b4b; margin-right: 10px; }
.app-desc .desc { color: #828282; }
.app-install-detail { height:200px; overflow-x:hidden; overflow-y:scroll; background: #5b5b5b; color: #ededed; }
.app-info .notice { border-width: 2px; padding: 2px 5px; margin: 0 -5px; }
.app-info .lnk { margin: 0 5px; color: #476ABF; }
.apps-wrapper h4{border:1px solid #ddd;background:#efefef;height:35px;line-height:35px;padding:0 10px;}
.app-list-wrap .app-info{margin:0;float:left;}
.copyright-wrap{padding:5px;border-bottom:1px dotted #ddd;}